<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>添加银行卡</title>
  <!-- 引入样式 -->
  <link rel="stylesheet" href="css/mint-ui.css">
  <link rel="stylesheet" href="css/common.css">
  <link rel="stylesheet" href="css/index.css">
</head>
<body>
<div class="vueBox">
  <div class="msg-box">
    <div class="msg-item">
      <span class="msg-item-tit">收款银行</span>
      <div class="input-right" @click="showBankName">
        <input type="text" :value="bank_name" readonly="" placeholder="请选择收款银行">
        <div class="down_arrow"></div>
      </div>
    </div>
  </div>
  <div class="msg-box">
    <div class="msg-item">
      <span class="msg-item-tit">收款银行支行</span>
      <div class="input-right">
        <input type="text" placeholder="请输入收款银行支行">
      </div>
    </div>
  </div>
  <div class="msg-box">
    <div class="msg-item">
      <span class="msg-item-tit">银行卡</span>
      <div class="input-right">
        <input type="number" placeholder="请输入银行卡号">
      </div>
    </div>
  </div>
  <div class="msg-box">
    <div class="msg-item">
      <span class="msg-item-tit">收款户名</span>
      <div class="input-right">
        <input type="text" placeholder="请输入收款户名">
      </div>
    </div>
  </div>
  <div class="msg-box">
    <div class="msg-item">
      <span class="msg-item-tit">收款地区</span>
      <div class="input-right" @click="showCitys">
        <input type="text"  :value="city_name" readonly="" placeholder="请选择收款地区">
        <div class="down_arrow"></div>
      </div>
    </div>
  </div>
  <div class="div-btn">
    <div class="btn-submit">提交</div>
  </div>

  <mt-popup v-model="bankVisible" position="bottom">
    <ul class="mint-popup-head">
      <li @click="selectBank(0)">取消</li>
      <li @click="selectBank(1)">确认</li>
    </ul>
    <mt-picker :slots="banks_list" @change="bankChange" value-key="name"> </mt-picker>
  </mt-popup>

  <mt-popup v-model="cityVisible" position="bottom">
    <ul class="mint-popup-head">
      <li @click="selectCity(0)">取消</li>
      <li @click="selectCity(1)">确认</li>
    </ul>
    <mt-picker :slots="citys_list" @change="cityChange" value-key="name"> </mt-picker>
  </mt-popup>

</div>
<script src="js/citys.js"></script>
<script src="js/vue.min.2.5.13.js"></script>
<!-- 引入组件库 -->
<script src="js/mint-ui.js"></script>
<script src="js/vue.index.js"></script>
<script src="js/resize.js"></script>
</body>
</html>
